<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>物理资源详情</title>
		<link rel="stylesheet" href="../../css/index.css" /></link>
	</head>
	<body>
		<div class="pop-page">
			<div class="pop-top pos-re of-h">
				<h2 class="pop-title"><a>创建虚拟机</a></h2>
				<a class="close-pop com_icon"></a>
			</div>
			<!--创建虚拟机相关配置选择区域-->
			<div class="pop-wrap">
				<div class="second-menu">
					<ul class="second-menu-list">
						<li><a class="menu-text on">入门</a></li>
						<li><a class="menu-text">摘要</a></li>
						<li><a class="menu-text">资源</a></li>
					</ul>
				</div>
				<!--入门-->
				<div class="physics-text">
					<h2 class="host-itr">什么是主机？</h2>
					<p class="host-text">物理机是使用虚拟化软件运行虚拟机的虚拟机。物理机提供虚拟机使用的CPU和内存资源，同时为虚拟机提供存储器访问权和网络连接的能力。要向主机添加虚拟机，可以创建新虚拟机或部署OVF模板。</p>
				</div>
				<!--摘要-->
				<div class="physics-text d-n">
					<ul class="about-phy">
						<li class="t-out">制造商：Cisco Systems Inc</li>
						<li>型号：UCSC-C240-M3S</li>
						<li>CPU内核：40核</li>
						<li>网卡数目：4</li>
					</ul>
					<ul class="about-phy">
						<li>处理器插槽：2</li>
						<li>每个插槽的内核数：10</li>
						<li>逻辑处理器：2核</li>
						<li>状况：运行</li>
					</ul>
					<p class="host-text c-f ml-60">处理器类型：Intel(R) Xeon(R) CPU E5-2660 V2 @ 2.20GHz</p>
				</div>
				<!--资源-->
				<div class="physics-text d-n">
					<div class="physics-card mt-20">
						<!--环形图进度展示-->
						<div class="quota-box">
							<div class="quato-item w-178">
								<div id="cpuPercent" class="img-show"></div>
								<label class="quota-label f-w-b w-178">CPU</label>
								<label class="quota-label w-178">20核/20核</label>
							</div>
							<div class="quato-item w-178">
								<div id="memoryPercent" class="img-show"></div>
								<label class="quota-label f-w-b w-178">内存</label>
								<label class="quota-label w-178">1000G/1000G</label>
							</div>
							<div class="quato-item w-178">
								<div id="diskPercent" class="img-show"></div>
								<label class="quota-label f-w-b w-178">硬盘</label>
								<label class="quota-label w-178">1T/1T</label>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../../js/libs/jquery-1.11.1.min.js" type="text/javascript"></script>
	<script src="../../js/view/common/function.js" type="text/javascript"></script>
	<script src="../../js/view/resourceView/physics_detail.js" type="text/javascript"></script>
</html>
